<script setup>
import GoodsListItem from "@/components/content/goods/GoodsListItem.vue";
import {defineProps} from 'vue'

const props = defineProps({
	goods: {
		type: Array,
		default() {
			return []
		}
	}
});

</script>

<template>
	<div class="goods">
		<goods-list-item v-for="item in props.goods" :key="item" :product="item"></goods-list-item>
	</div>
</template>

<style lang="scss" scoped>
.goods {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 20px 5px;
	margin-bottom: 40px;
}
</style>